<template>
<div>
    <div class="header">
        <router-link to="/">
            <div class="header-left"><i class="fa fa-angle-left fa-3x" aria-hidden="true"></i></div>
        </router-link>
        城市选择
    </div>
    <CitySeach></CitySeach>
</div>
</template>

<script>
import CitySeach from './CitySeach'
    export default {
        name: "City",
        components: {
            CitySeach,
        }
    }
</script>


<style lang="stylus" scoped>
    .header{
        position : relative;
        width : 100%;
        height: 50px;
        background : skyblue;
        line-height: 50px;
        text-align: center;
    }
    .header-left{
        position : absolute;
        top:0;
        left:0;
        width: 60px;
        height:50px;
        line-height: 50px;
        color : #fff;
    }
</style>


